<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
  <title>Thrive Mobile Application</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  
  <!--- Some jquery stuff --->
	<link rel="stylesheet" href="../../scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.css" type="text/css" />
    <link rel="stylesheet" href="../../scripts/jquery.mobile-1.0.1/thrive-theme.css" type="text/css">
    <script src="../../scripts/jquery.mobile-1.0.1/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="../../scripts/Thrive.js"  type="text/javascript"></script>
    <script src="../AccountControl/AccountControl.js" type="text/javascript"></script>
    <script src="../Feel/Feel.js" type="text/javascript"></script>
    <script src="../Breathe/Breathe.js" type="text/javascript"></script>
    <script src="Shine.js" type="text/javascript"></script>
    <script src="../../scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="../../css/style.css" type="text/css" />
  
</head>

<body>
    <div id="shine" data-role="page" data-theme="a">
    
    <script>
	$("#shine").live('pagecreate', function() {
		shine_prefetch();
	});
	
	$("#student").live('click', function() {
		curQuestion = "student";
	});
	
	$("#learning").live('click', function() {
		curQuestion = "learning";
	});
	
	$("#brave").live('click', function() {
		curQuestion = "brave";
	});
	
	$("#athletic").live('click', function() {
		curQuestion = "athletic";
	});
	
	$("#kind").live('click', function() {
		curQuestion = "kind";
	});
	
	$("#leader").live('click', function() {
		curQuestion = "leader";
	});
	
	$("#funny").live('click', function() {
		curQuestion = "funny";
	});
	
	$("#forgiving").live('click', function() {
		curQuestion = "forgiving";
	});
	
	$("#building").live('click', function() {
		curQuestion = "building";
	});
	
	$("#creative").live('click', function() {
		curQuestion = "creative";
	});
	
	$("#treat").live('click', function() {
		curQuestion = "treat";
	});
	
	$("#listening").live('click', function() {
		curQuestion = "listening";
	});
	
	$("#helpful").live('click', function() {
		curQuestion = "helpful";
	});
	
	$("#trying").live('click', function() {
		curQuestion = "trying";
	});
	
	$(".popup_container").live('click', function() {
		removePopup();
	});
	
	$(".popup_container").live('tap', function() {
		removePopup();
	});
	
	$(".popup_container").bind('touchstart', function()  {
		removePopup();
	});
	</script>
    
    <div class="popup_container" style="display:none;">
        <div class="popup"></div>
    </div>
    
    <div data-role="header" data-theme="a">
    	<a href="../../index.html" data-role="button" data-icon="arrow-l">Thrive</a>
        <h1>Shine</h1>
        <a href="info.html" data-icon="info">Info</a>
    </div>
    
    <div data-role="content" data-theme="a">
        <div class="row">
        <p>
        What are the best parts of me?<br />
        What am I good at?<br />
        Select one strength you used today:
        </p>
        </div>
        
        <ul data-role="listview">
            <li><a id="student" href="shine_question.html">Good student</a></li>
            <li><a id="learning" href="shine_question.html">Good at learning new things</a></li>
            <li><a id="brave" href="shine_question.html">Brave</a></li>
            <li><a id="athletic" href="shine_question.html">Athletic</a></li>
            <li><a id="kind" href="shine_question.html">Kind to others</a></li>
            <li><a id="leader" href="shine_question.html">Leader</a></li>
            <li><a id="funny" href="shine_question.html">Funny person</a></li>
            <li><a id="forgiving" href="shine_question.html">Forgiving</a></li>        
            <li><a id="building" href="shine_question.html">Good at building things</a></li>
            <li><a id="creative" href="shine_question.html">Creative</a></li>
            <li><a id="treat" href="shine_question.html">Treat others fairly</a></li>
            <li><a id="listening" href="shine_question.html">Good at listening to others</a></li>
            <li><a id="helpful" href="shine_question.html">Helpful to others</a></li>
            <li><a id="trying" href="shine_question.html">Keep trying when things are bad</a></li>
        </ul>
    
    </div>
    </div>
   
</body>

</html>
